<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>土巴兔网站</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 顶部导航 -->
        <div class="top-nav">
            <div class="container clearfix">
                <div class="top-nav-left">
                    <a href="#" class="city">
                        <i class="icon icon-coordinate"></i>
                        郑州
                        <span class="change-city">[切换]</span>
                    </a>
                    <div class="citys">
                        <div class="title clearfix">
                            <h2>热门城市</h2>
                        </div>
                        <div class="lists">
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">成都</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">哈尔滨</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">哈尔滨</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">哈尔滨</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">广州</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">哈尔滨</a></li>
                            </ul>
                            <a href="#" class="more">更多</a>
                        </div>
                    </div>
                </div>
                <div class="top-nav-right">
                    <a href="#" class="login">登录</a>
                    <a href="#" class="register">注册</a>
                    <div class="my-tubatu">
                        <div class="box">
                            <span class="title">
                                我的土巴兔
                                <i class="icon icon-arrow-bottom"></i>
                            </span>
                        </div>
                        <i class="cut-line cut-line-left"></i>
                        <i class="cut-line cut-line-right"></i>
                        <div class="lists">
                            <ul>
                                <li><a href="#">我的工地直播</a></li>
                                <li><a href="#">我的商城订单</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="shop-center">
                        <div class="box">
                            <span class="title">
                                商家中心
                                <i class="icon icon-arrow-bottom"></i>
                            </span>
                        </div>
                        <i class="cut-line cut-line-right"></i>
                        <div class="lists">
                            <ul>
                                <li><a href="#">装修公司登录</a></li>
                                <li><a href="#">装修公司入住</a></li>
                                <li><a href="#">装修公司APP</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="build-center">
                        <div class="box">
                            <span class="title">
                                建材中心
                                <i class="icon icon-arrow-bottom"></i>
                            </span>
                        </div>
                        <i class="cut-line cut-line-right"></i>
                        <div class="lists">
                            <ul>
                                <li><a href="#">建材商登录</a></li>
                                <li><a href="#">建材商入住</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="feedback">
                        <a href="#">
                            意见反馈
                        </a>
                        <i class="cut-line cut-line-right"></i>
                    </div>
                    <div class="consult">
                        <div class="box">
                            <span class="title">
                                咨询热线：
                                <a href="#">4006-900-288</a>
                                <i class="icon icon-arrow-bottom"></i>
                            </span>
                        </div>
                        <div class="lists">
                            <form class="content">
                                <div class="row">
                                    <h2>联系土巴兔装修管家</h2>
                                </div>
                                <div class="row">
                                    <input type="text" placeholder="输入手机号，将为你发送预算明细">
                                </div>
                                <div class="row">
                                    <button>立即免费获取</button>
                                </div>
                                <div class="row">
                                    <span class="tip">*</span>
                                    通话结束后，本次通话记录将以短信形式免费发送到你输入的手机号上!
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主导航 -->
        <div class="main-nav">
            <div class="container clearfix">
                <div class="main-nav-left">
                    <a href="#" class="icon icon-logo"></a>
                    <a href="#" class="ad">
                        <img src="./img/ad.gif" alt="装修就上土巴兔">
                    </a>
                </div>
                <div class="main-nav-center">
                    <ul class="menu clearfix">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">效果图</a></li>
                        <li><a href="#">装修公司</a></li>
                        <li><a href="#">装修攻略</a></li>
                        <li><a href="#">保障服务</a></li>
                        <li><a href="#">更多</a></li>
                        <li><a href="#">下载APP</a></li>
                    </ul>
                </div>
                <div class="main-nav-right">
                    <div class="search">
                        <input type="text" placeholder="搜装修公司/问题/攻略/效果图">
                        <i class="icon icon-search"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="content">
        <div class="container clearfix">
            <div class="content-left">
                <!-- 过滤部分 -->
                <div class="filter">
                    <!-- 过滤的顶部 -->
                    <div class="title">
                        <ul class="clearfix">
                            <li><a href="#">郑州装修</a></li>
                            <li><a href="#">郑州装修公司</a></li>
                            <li>共 <i class="total">4345</i> 结果</li>
                        </ul>
                    </div>
                    <!-- 过滤的列表 -->
                    <div class="lists">
                        <dl>
                            <dt>施工方式</dt>
                            <dd>
                                <a href="#" class="active">全部</a>
                                <a href="#">半包装修</a>
                                <a href="#">全包装修</a>
                                <a href="#">纯设计</a>
                                <a href="#">软装</a>
                                <a href="#">全屋装修</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>类型</dt>
                            <dd>
                                <a href="#" class="active">全部</a>
                                <a href="#">家装</a>
                                <a href="#">工装</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>服务区域</dt>
                            <dd>
                                <a href="#" class="active">全部</a>
                                <a href="#">二七区</a>
                                <a href="#">管城回族区</a>
                                <a href="#">惠济区</a>
                                <a href="#">金水区</a>
                                <a href="#">上街区</a>
                                <a href="#">中原区</a>
                                <a href="#">巩义市</a>
                                <a href="#">新密市</a>
                                <a href="#">新郑市</a>
                                <a href="#">登封市</a>
                                <a href="#">荥阳市</a>
                                <a href="#">中牟县</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>服务保障</dt>
                            <dd>
                                <a href="#">全部</a>
                                <a href="#" class="checkbox active">
                                    
                                    先装修后支付</a>
                                <a href="#" class="checkbox">正品辅材</a>
                                <a href="#" class="checkbox">装修分期</a>
                            </dd>
                        </dl>
                        <p class="more">
                            <a href="#">
                                <span>更多</span>
                                <em></em>
                            </a>
                        </p>
                    </div>
                </div>
                <!-- 排序 -->
                <div class="sort">
                    <ul class="clearfix">
                        <li><a href="#">综合排序</a></li>
                        <li class="active"><a href="#">口碑优先</a></li>
                        <li><a href="#">人气优先</a></li>
                    </ul>
                </div>
                <!-- 装修公司列表 -->
                <div class="company-lists">
                    <!-- 一个装修公司 -->
                    <a href="#" class="item clearfix">
                        <!-- 左侧公司logo -->
                        <div class="company-logo">
                            <img src="./img/company-logo.jpg" alt="">
                        </div>

                        <!-- 右侧公司info -->
                        <div class="company-info">
                            <h2 class="title">河南苏凯装饰工程有限公司</h2>
                            <div class="data">
                                <div class="left">
                                    <div class="star-comment-box">
                                        <span class="star">
                                            <i></i>
                                            <i></i>
                                            <i></i>
                                            <i></i>
                                            <i></i>
                                        </span>
                                        <span class="comment-count">149条</span>
                                    </div>
                                    <div class="info-box">
                                        <span class="num">近期签约34户</span>
                                        <span class="price">均价7-11万</span>
                                    </div>
                                    <div class="log">
                                        <span>日记11篇</span>
                                    </div>
                                </div>
                                <div class="right">
                                    <span>186-3894-0717</span>
                                </div>
                            </div>
                            <div class="tags">
                                <span class="rank">本地专业量房榜</span>
                                <span>718全民家装节</span>
                                <span>先装修后支付</span>
                                <span>装修分期</span>
                                <span>样板间</span>
                            </div>
                            <div class="gifts">
                                <ul>
                                    <li>预约送高档智能锁一套</li>
                                    <li>签单送海尔冰箱，电视</li>
                                </ul>
                            </div>
                            <div class="ads clearfix">
                                <div class="ad-item"><img src="./img/company-ad1.jpg" alt=""></div>
                                <div class="ad-item"><img src="./img/company-ad2.jpg" alt=""></div>
                                <div class="ad-item"><img src="./img/company-ad3.jpg" alt=""></div>
                                <div class="ad-item"><img src="./img/company-ad4.jpg" alt=""></div>
                            </div>
                        </div>
                    </a>
                </div>




            </div>




            <div class="content-right"></div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">

        <div class="links">
            <div class="container">
                <div class="footer-list clearfix">
                    <a href="#" class="link">友链合作&gt;</a>
                    <span>热门城市</span>
                    <span class="on">热门公司</span>
                    <span>热门攻略</span>
                    <span>热门专题</span>
                    <span>装修美图</span>
                </div>
                <div class="friend-list">
                    <ul class="clearfix">
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                        <li><a href="#">北京装修</a></li>
                        <li><a href="#">成都装修</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="company-info">
            <div class="container">
                <ul class="clearfix">
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">媒体报道</a></li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">意见反馈</a></li>
                    <li><a href="#">高薪聘请</a></li>
                    <li><a href="#">校园招聘</a></li>
                    <li><a href="#">公示公告</a></li>
                    <li><a href="#">商务合作</a></li>
                    <li><a href="#">侵权投诉</a></li>
                </ul>
                <p class="company-state">
                    免责声明：本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。© 2018 Tubatu.com 土巴兔装修网和设计师社区 保留所有权利
                </p>
                <p class="company-icp">
                    <span>土巴兔装修网
                        <a href="#">增值电信业务许可证：粤B2-20120566号</a>
                    </span>
                    <span>
                        <a href="#">粤ICP备08125558号</a>
                    </span>
                    <a href="#">
                        <i class="index-icon6 fl"></i>
                        <span>粤公网安备 44030502001458号</span>
                    </a>
                    <a href="#">
                        <i class="index-icon fbc-iocn1"></i>
                    </a>
                    <a href="#">
                        <i class="index-icon fbc-iocn2"></i>
                    </a>
                    <a href="#">
                        <i class="index-icon fbc-iocn3"></i>
                    </a>
                    <a href="#">
                        <i class="index-icon fbc-iocn4"></i>
                    </a>
                    <a href="#"></a>
                </p>
                <div class="qr-code clearfix">
                    <div class="app-code">
                        <img src="./img/code.jpg">
                        <p>微信公众号</p>
                    </div>
                    <div class="weixin-code">
                        <img src="./img/weixin.jpg">
                        <p>土巴兔APP</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</body>

</html>